<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<meta http-equiv="refresh" content="3600" />
			<title>#{msgs.title}</title>
		</f:facet>

		<link rel="shortcut icon" href="#{request.contextPath}/favicon.ico" type="image/x-icon" />
		<link rel="icon" href="#{request.contextPath}/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/common/default.css" />
		<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/custom.css" />
		<link rel="stylesheet" type="text/css"
			href="#{request.contextPath}/css/promptskin/dmm-green/ymPrompt.css" />

		<script language="JavaScript" src="#{request.contextPath}/js/common/util.js" />
		<script language="JavaScript" src="#{request.contextPath}/js/common/validator.js" />
		<script language="JavaScript" src="#{request.contextPath}/js/common/common.js" />
		<script language="JavaScript" src="#{request.contextPath}/js/common/ymPrompt.js" />
		<script language="JavaScript" src="#{request.contextPath}/js/custom.js" />

		<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}
</style>

		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body>
		<h:panelGrid>
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
			<p:dialog id="ajaxdialog" header="#{msgs.dialog_wait_title}" modal="true" draggable="false"
				resizable="false" widgetVar="statusDialog" closable="false">
				<p:graphicImage value="/images/common/ajaxloadingbar.gif" />
			</p:dialog>

			<h:form>
				<p:confirmDialog message="#{msgs.info_sure_logout}" width="250" showEffect="fade"
					hideEffect="fade" header="POZOR" widgetVar="logoutDlg" modal="true">
					<p:commandButton value="DA" action="#{headerBean.logoutAction}" ajax="false"
						oncomplete="logoutDlg.hide()" />
					<p:commandButton value="NE" onclick="logoutDlg.hide()" type="button" />
				</p:confirmDialog>
			</h:form>

			<p:dialog header="#{msgs.default_calculator}" resizable="TRUE" widgetVar="calDlg">
				<h:panelGrid>
					<script
						src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/calculator/calculator.xml&amp;w=320&amp;h=280&amp;lang=hr&amp;title=&amp;output=js" />

				</h:panelGrid>
			</p:dialog>

			<p:dialog header="#{msgs.default_color_picker}" resizable="TRUE" widgetVar="colourDlg">
				<h:panelGrid>
					<p:colorPicker mode="inline" />
				</h:panelGrid>
			</p:dialog>
		</h:panelGrid>

		<p:layout fullPage="true">
			<p:layoutUnit id="bottom" position="south" height="42" zindex="0" scrollable="false">
				<ui:include src="/pages/public/footer.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit id="top" position="north" scrollable="false" resizable="false" style="border:none !important;">
				<ui:include src="/pages/aplikata/common/header.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit id="center" position="center" scrollable="true">
				<p:growl id="messages" autoUpdate="true" life="2000"/>  
				<h:form id="mainform" prependId="false" enctype="multipart/form-data">
					<ui:insert name="content" />
				</h:form>

			</p:layoutUnit>

			<p:layoutUnit id="right" position="east" size="220" resizable="true" header="#{msgs.default_option}"
				style="font-size: 90% !important;text-align:center;" collapsible="true" collapsed="true">
				<ui:include src="/pages/public/right.xhtml" />
			</p:layoutUnit>

		</p:layout>

		<h:form prependId="false" id="dialogform" style="z-index: 10 !important;" enctype="multipart/form-data">
			<ui:insert name="dialog" />
		</h:form>
	</h:body>
</f:view>
</html>
